<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>iviads</title>
    <!--meta viewport start-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--meta viewport end-->

    <!-- css start-->
    <!-- bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

    <!-- iviads -->
    <link href="css/iviads.css" rel="stylesheet" media="screen">
    <!-- css end -->
</head>
<body>
    <!--header start-->
        <div id="header" class="container hidden-xs">
            <!-- logo start -->
            <div class="col-lg-3 col-lg-offset-1 col-md-3 col-md-offset-1 col-sm-3 col-sm-offset-1">
                <img src="img/logo.png" width="191" height="87" alt="image logo" class="img-responsive">
            </div>
            <!-- logo end -->
            <!-- search start -->
            <div id="search" class="col-lg-3 col-lg-offset-4 col-md-4 col-md-offset-3 col-sm-5 col-sm-offset-2">
                <form class="input-group" action="#search" method="get">

                    <input type="text" class="form-control">
                    <span class="input-group-btn">
                        <input type="submit" value="Tìm kiếm" class="btn btn-primary">
                    </span>
                </form>
            </div>
            <!-- search end -->
        </div>

    <!--header end -->

    <!--blocs head start-->

        <!-- bloc menu start-->
        <div id="menu">
            <!-- menu for tablet & PC -->
            <div class="container hidden-xs">
                <ul class="nav nav-justified">
                    <li class="active"> <a href="#trangchu"> TRANG CHỦ </a> </li>
                    <li> <a href="#gioithieu"> GIỚI THIỆU </a> </li>
                    <li> <a href="#dichvu"> DỊCH VỤ </a> </li>
                    <li> <a href="#duan"> DỰ ÁN </a> </li>
                    <li> <a href="#lienhe"> LIÊN HỆ </a> </li>
                </ul>
            </div>
            <!-- menu for mobile -->
            <div class="visible-xs">
                <div id="head-phone">
                    <div class="container">
                        <div class="row">
                            <div id="cot1" class="col-xs-4 text-left"><img src="img/menuicon.png" />
                                <div class="dropdown clearfix">

                                    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                                        <li id="li-timkiem">
                                            <div class="input-group">
                                                <input type="text" class="form-control">
                            <span class="input-group-btn">
                                <button class="btn btn-primary" type="button"> <span class="glyphicon glyphicon-search"> </span> </button>
                            </span>
                                            </div>
                                        </li>
                                        <li class="active"><i class="glyphicon glyphicon-home"> </i> <a href="#"> Trang chủ </a> </li>
                                        <li> <i class="glyphicon glyphicon-th-large"> </i> <a href="#"> Giới thiệu </a></li>
                                        <li> <i class="glyphicon glyphicon-tasks"> </i> <a href="#"> Dịch vụ </a></li>
                                        <li> <i class="glyphicon glyphicon-folder-open"> </i> <a href="#"> Dự án </a></li>
                                        <li> <i class="glyphicon glyphicon-envelope"> </i> </span> <a href="#"> Liên hệ </a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-xs-4 text-center"><a href="#"><img src="img/logo2.png" /></a></div>
                            <div class="col-xs-4 text-right"><a href="#top" class="toTopLink"><img src="img/up.png" /></a></div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- bloc menu stop-->

        <!-- bloc banner start -->
        <div id="banner">
            <div class="container">
                <div id="myCarousel" class="carousel slide">
                    <div class="carousel-inner">
                        <div class="row item active">
                            <div class="col-lg-offset-1 col-lg-4 col-md-offset-1 col-md-4 col-sm-offset-1 col-sm-4 col-xs-12">
                                <img src="img/mac-img.png" alt="" class="img-responsive"/>
                            </div>
                            <div class="banner-info col-lg-offset-1 col-lg-5 col-md-offset-1 col-md-5 col-sm-offset-1 col-sm-5 hidden-xs">
                                <h2>QUẢN TRỊ WEBSITE</h2>
                                <p>Dịch vụ trọn gói quản trị web chuyên nghiệp , quảng bá web miễn phí.</p>
                            </div>
                        </div>
                        <div class="row item">
                            <div class="col-lg-offset-1 col-lg-4 col-md-offset-1 col-md-4 col-sm-offset-1 col-sm-4 col-xs-12">
                                <img src="img/mac-img.png" alt="" class="img-responsive"/>
                            </div>
                            <div class="banner-info col-lg-offset-1 col-lg-5 col-md-offset-1 col-md-5 col-sm-offset-1 col-sm-5 hidden-xs">
                                <h2>QUẢN TRỊ WEBSITE 2</h2>
                                <p>Dịch vụ trọn gói quản trị web chuyên nghiệp , quảng bá web miễn phí.</p>
                            </div>
                        </div>
                        <div class="row item">
                            <div class="col-lg-offset-1 col-lg-4 col-md-offset-1 col-md-4 col-sm-offset-1 col-sm-4 col-xs-12">
                                <img src="img/mac-img.png" alt="" class="img-responsive"/>
                            </div>
                            <div class="banner-info col-lg-offset-1 col-lg-5 col-md-offset-1 col-md-5 col-sm-offset-1 col-sm-5 hidden-xs">
                                <h2>QUẢN TRỊ WEBSITE 3</h2>
                                <p>Dịch vụ trọn gói quản trị web chuyên nghiệp , quảng bá web miễn phí.</p>
                            </div>
                        </div>
                        <div class="row item">
                            <div class="col-lg-offset-1 col-lg-4 col-md-offset-1 col-md-4 col-sm-offset-1 col-sm-4 col-xs-12">
                                <img src="img/mac-img.png" alt="" class="img-responsive"/>
                            </div>
                            <div class="banner-info col-lg-offset-1 col-lg-5 col-md-offset-1 col-md-5 col-sm-offset-1 col-sm-5 hidden-xs">
                                <h2>QUẢN TRỊ WEBSITE 4</h2>
                                <p>Dịch vụ trọn gói quản trị web chuyên nghiệp , quảng bá web miễn phí.</p>
                            </div>
                        </div>
                    </div>

                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"><img class="hidden-xs" src="img/mac-img.png"/></li>
                    <li data-target="#myCarousel" data-slide-to="1"><img class="hidden-xs" src="img/mac-img.png"/></li>
                    <li data-target="#myCarousel" data-slide-to="2"><img class="hidden-xs" src="img/mac-img.png"/></li>
                    <li data-target="#myCarousel" data-slide-to="3"><img class="hidden-xs" src="img/mac-img.png"/></li>
                </ol>

                </div>
            </div>
        </div>
        <!-- bloc banner stop -->
        <!-- bloc tuvan start -->
        <div id="tuvan">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                        <h1>TƯ VẤN THIẾT KẾ WEB MIỄN PHÍ</h1>
                        <h3 class="hidden-xs">Hỗ trợ tư vấn miễn phí các vấn đề về website.</h3>
                    </div>
                    <div id="btn-tuvan" class="col-lg-offset-1 col-lg-4 col-md-offset-1 col-md-4 col-sm-offset-1 col-sm-4 col-xs-12">
                        <h3>Mr Thắng : 0906 306 135</h3>
                    </div>
                </div>
            </div>
        </div>
        <!-- bloc tuvan stop -->
    <!--blocs head end -->
       

    <!--body start-->
        <div id="body">
            <div class="container">
                <h1>DỊCH VỤ</h1>
                <div class="row">
                    <div class="item-body col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    	<span class='item-body-img'>
                    		<img src="img/icon-body-1.png" class="img-responsive">
                    	</span>
                    	<span class='item-body-title'>
                    		<span class='item-body-title-main'>THIẾT KẾ WEBSITE</span> <br/>
                    		<span class='item-body-title-sub'>THIẾT KẾ WEBSITE</span><br/>
                    	</span><br/>
                    	<span class="clearfix hidden-sm hidden-xs"></span>
                    	<span class='item-body-content'>
                    	Thiết kế website chuyên nghiệp với giao diện dùng trên Mobile, PC hoặc giao diện tương thích tất cả các màn hình .
                    	</span>
                    	<span class="clearfix hidden-sm hidden-xs"></span>
                    	<a href="#" class='item-body-xemthem'><span> Xem thêm </span><img src="img/muiten.png" class="img-muiten img-responsive hidden-sm hidden-xs"></a>
                    	<span class='clearfix'></span>
                    </div>
                    <div class="item-body col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    	<span class='item-body-img'>
                    		<img src="img/icon-body-2.png" class="img-responsive">
                    	</span>
                    	<span class='item-body-title'>
                    		<span class='item-body-title-main'>ỨNG DỤNG</span> <br/>
                    		<span class='item-body-title-sub'>TRÊN NỀN WEB</span><br/>
                    	</span><br/>
                    	<span class="clearfix hidden-sm hidden-xs"></span>
                    	<span class='item-body-content'>
                    	Thiết kế website chuyên nghiệp với giao diện dùng trên Mobile, PC hoặc giao diện tương thích tất cả các màn hình .
                    	</span>
                    	<span class="clearfix hidden-sm hidden-xs"></span>
                    	<a href="#" class='item-body-xemthem'><span> Xem thêm </span><img src="img/muiten.png" class="img-muiten img-responsive hidden-sm hidden-xs"></a>
                    	<span class='clearfix'></span> 
                    </div>
                    <div class="item-body col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    	<span class='item-body-img'>
                    		<img src="img/icon-body-3.png" class="img-responsive">
                    	</span>
                    	<span class='item-body-title'>
                    		<span class='item-body-title-main'>ỨNG DỤNG</span> <br/>
                    		<span class='item-body-title-sub'>TRÊN NỀN WEB</span><br/>
                    	</span><br/>
                    	<span class="clearfix hidden-sm hidden-xs"></span>
                    	<span class='item-body-content'>
                    	Thiết kế website chuyên nghiệp với giao diện dùng trên Mobile, PC hoặc giao diện tương thích tất cả các màn hình .
                    	</span>
                    	<span class="clearfix hidden-sm hidden-xs"></span>
                    	<a href="#" class='item-body-xemthem'><span> Xem thêm </span><img src="img/muiten.png" class="img-muiten img-responsive hidden-sm hidden-xs"></a>
                    	<span class='clearfix'></span>                     
                    </div>
                    
                </div>
            </div>
        </div>
    <!--body end -->

    <!--blocs foot start-->
    	<!-- bloc projects start -->
    	<div id="projects">
    		<div class="container">
                <div class="row">
                    <div class="ung-dung-web col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        <a href="#"><h1>ỨNG DỤNG WEB</h1></a>
                        <div class="row">
                            <div class="item-body col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <span class='item-body-img'><img src="img/ungdung.png" class="img-responsive"></span>
                                <span class='item-body-title'>
                                    <span class='item-body-title-main'> Ứng dụng show hình ảnh sản phẩm </span> <br/>
                    		        <span class='item-body-title-sub'> Phát triển bởi: Lâm đẹp trai </span><br/>
                                </span>
                                <span class='clearfix'></span>
                            </div>
                            <div class="item-body col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <span class='item-body-img'><img src="img/ungdung.png" class="img-responsive"></span>
                                <span class='item-body-title'>
                                    <span class='item-body-title-main'> Ứng dụng show hình ảnh sản phẩm </span> <br/>
                    		        <span class='item-body-title-sub'> Phát triển bởi: Lâm đẹp trai </span><br/>
                                </span>
                                <span class='clearfix'></span>
                            </div>
                            <div class="item-body col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <span class='item-body-img'><img src="img/ungdung.png" class="img-responsive"></span>
                                <span class='item-body-title'>
                                    <span class='item-body-title-main'> Ứng dụng show hình ảnh sản phẩm </span> <br/>
                    		        <span class='item-body-title-sub'> Phát triển bởi: Lâm đẹp trai </span><br/>
                                </span>
                                <span class='clearfix'></span>
                            </div>
                        </div>
                    </div>
                    <div class="du-an-da-thuc-hien col-lg-8 col-md-8 col-sm-6 col-xs-12">
                        <a href="#"><h1>DỰ ÁN ĐÃ THỰC HIỆN</h1></a>
                        <div class="row hidden-sm hidden-xs">
                            <div class="col-lg-10 col-md-10 col-sm-8">
                                <div class="line-view-all">
                                </div>
                            </div>
                            <div class="view-all col-lg-2 col-md-2 col-sm-4">
                                <a href="#"> Xem tất cả </a>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                <div class="item-body">
                                        <span class="item-body-img"> <img src="img/duandathuchien.png" class="img-responsive"> </span><br class="hidden-sm">
                                        <span class="item-body-title"> Web công nghệ điện tử viễn thông, trang thiết bị mạng. </span>
                                    <span class='clearfix'></span>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                <div class="item-body">
                                    <span class="item-body-img"> <img src="img/duandathuchien.png" class="img-responsive"> </span><br class="hidden-sm">
                                    <span class="item-body-title"> Web công nghệ điện tử viễn thông, trang thiết bị mạng. </span>
                                    <span class='clearfix'></span>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                <div class="item-body">
                                    <span class="item-body-img"> <img src="img/duandathuchien.png" class="img-responsive"> </span><br class="hidden-sm">
                                    <span class="item-body-title"> Web công nghệ điện tử viễn thông, trang thiết bị mạng. </span>
                                    <span class='clearfix'></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
    		</div>
    	</div>
    	
		<!-- bloc projects end -->
    <!--blocs foot end -->

    <!--footer start-->
    <div id="footer">
        <div class="container">
            <div id="doitac">
                <div id="doitac-title"> ĐỐI TÁC</div>
                <div id="doitac-logo">
                    <img src="img/icon-doitac.png" class="img-thumbnail img-rounded img-responsive">
                    <img src="img/icon-doitac.png" class="img-thumbnail img-rounded img-responsive">
                    <img src="img/icon-doitac.png" class="img-thumbnail img-rounded img-responsive">
                    <img src="img/icon-doitac.png" class="img-thumbnail img-rounded img-responsive">
                    <img src="img/icon-doitac.png" class="img-thumbnail img-rounded img-responsive">
                    <img src="img/icon-doitac.png" class="img-thumbnail img-rounded img-responsive">
                    <img src="img/icon-doitac.png" class="img-thumbnail img-rounded img-responsive">
                    <img src="img/icon-doitac.png" class="img-thumbnail img-rounded img-responsive">
                    <img src="img/icon-doitac.png" class="img-thumbnail img-rounded img-responsive">
                    <img src="img/icon-doitac.png" class="img-thumbnail img-rounded img-responsive">
                </div>
            </div>

            <div id="foot-menu">
                <ul class="nav navbar-nav">
                    <li class="active"> <a href="#trangchu"> TRANG CHỦ </a> </li>
                    <li class="gach hidden-xs"></li>
                    <li> <a href="#gioithieu"> GIỚI THIỆU </a> </li>
                    <li class="gach hidden-xs"></li>
                    <li> <a href="#dichvu"> DỊCH VỤ </a> </li>
                    <li class="gach hidden-xs"></li>
                    <li> <a href="#duan"> DỰ ÁN </a> </li>
                    <li class="gach hidden-xs"></li>
                    <li> <a href="#lienhe"> LIÊN HỆ </a> </li>
                </ul>
                <p class="pull-right" >Copyright 2013. iviads.com</p>
            </div>

        </div>


    </div>
    <!--footer end -->

    <!-- javascript start -->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/iviads.js"></script>
    <!-- javascript end -->
</body>
</html>